.activity{
    display: flex;
    &-question{
        width: 50%;
        display: flex;
        flex-direction: column;
        font-family: 'Comic Sans MS', cursive, sans-serif;
        font-size: 18px;
        &-title{
            height: 20%;
            display: flex;
            flex-flow: row wrap;
            border-radius: 10px 10px;
            border-bottom-style:solid;
            border-width :1.75px;
            border-color:#4ABAC4;
            &-label{
               font-size: 25px;
                width:10%;
                margin:auto;

            }
            &-context{
                width:85%;
                text-align:left;
                margin:auto;
            }
        }
        &-optionGroup{
           
            display: flex;
            flex-flow: row wrap;
            margin: 30px 0px;
            height: 45%;
            &-option{
                width: 35%;
                display: flex;
                flex-flow: row wrap;
                margin:20px 40px;
                &-optionLabel{
                    width:30px;
                    height:30px;
                    border-radius: 50%;
                    color:#fff;
                    background-color: #4ABAC4 ;
                    text-align: center;
                    padding: 2px 0px;
                }
                &-optionText{
                   margin:5px 10px;

                }
            }
        }
        &-answer{
            text-align: initial;
            margin: 0px 20px;
            height:20%
        }
    }
    &-chart{
        width:50%;

    }
}